<div class="d-flex ide-tree-toolbar ml-1" #toolbar>
    <span class="f-icon f-icon-search" style="position: absolute;top: 10px;left: 19px;z-index: 500;"></span>
    <input class="form-control toolbar-search-input" placeholder="请输入名称或标识" type="text"
        (compositionstart)="onSearchChangeFlag(false)" (compositionend)="onSearchChangeFlag(true)"
        (input)="onTextChange($event)" (keyup)="onTextKeyup($event)" #searchInput>

    <div class="input-group-prepend d-flex toolbar-actions ml-1">
        <span class="f-icon f-icon-close mr-1 clear" style="color: rgb(110 111 114)" *ngIf="searchInput.value !== ''"
            (click)="clearInput($event, searchInput)"></span>
        <button class="btn p-0 d-flex align-center" style="color: rgb(110 111 114)" (click)="toggleNodes($event)"
            [title]="isExpanded? '折叠': '展开'">
            <span class="ide-tree-icon icon fd-i-Family "
                [ngClass]="{ 'fd_pc-zhedieshouqi':isExpanded, 'fd_pc-zhediezhankai': !isExpanded }"></span>
        </button>
        <button class="btn p-0 d-flex align-center" style="color: rgb(110 111 114)"
            (click)="onMenuItemClick($event,'SHOWID')" title="显示标识">
            <span class="ide-tree-icon icon fd-i-Family fd_pc-xianshiID"></span>
        </button>
        <button class="btn p-0 d-flex align-center" *ngIf="enableRefresh" style="color: rgb(110 111 114)"
            (click)="onRefresh()" title="刷新">
            <span class="ide-tree-icon icon f-icon f-icon-recurrence"></span>
        </button>

    </div>
</div>